@charset "utf-8";
@import url("http://at.alicdn.com/t/font_om0q6np7krfi529.css");

/* --- 2600 --- */
@media screen and (min-width:1200px)  and  (max-width:2600px)  {

/* --- 公用样式 --- */
html,body{color:#666; font-size:14px;background-color: #fff;}
body{padding-top: 139px;}
span{display:block;}
.left{float:left;}
.right{float:right;}
.icon{font-family:iconfont;}
.img{ transition:all .6s ease; overflow:hidden;}
.img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.wrap{max-width:1200px; margin:0 auto;}
a:hover{color:#A90526;text-decoration: none;}
a:active{color:#A90526;text-decoration: none;}
.clear{clear:both;}
.pc{display:block;}
.wap{display:none;}
button,a{  transition:all .3s ease;}

/* --- 顶部 --- */
.top{height:40px; top:0;background:#f9f9f9; border-bottom:1px solid #efefef; line-height:40px; font-size:12px; color:#999;position: fixed;z-index: 99;width: 100%;}
/* 微信 */
.top .weixin{float:right; margin-left:20px; position:relative;}
.top .weixin i{font-size:14px; display:inline-block;}
.top .weixin em{display:inline-block;}
.top .weixin dl{position:absolute; left:0; top:40px; width:150px; display:none;z-index: 99;}
.top .weixin:hover{color:#A90526;}
.top .weixin:hover dl{display:block;}

/* 电话 */
.top .tel{float:right; margin-left:20px;}

/* 搜索 */
.top .search{float:right; margin-left:20px; position:relative;}
.top .search i{font-size:14px; cursor:pointer}
.top .search i:hover{color:#A90526;}
.top .search .text{background:#A90526; padding:8px; overflow:hidden; position:absolute; right:0; width:226px; display:none;}
.top .search .text input{float:left; border:none; height:30px; line-height:30px; width:150px; padding-left:5px;}
.top .search .text button{float:left; height:30px; line-height:30px; width:60px; border:none;}


/* --- 栏目 --- */
.column{text-align:center; margin-top:80px; margin-bottom:80px;}
.column h2{font-size:36px; font-weight:lighter;color:#A90526;}
.column h3{text-align:center; margin-top:30px; color:#A90526;}
.column p{ max-width:80%; margin:30px auto 0 auto;text-align: left;}


/* --- 头部 --- */
.header{top:40px;height:99px; border-bottom:2px solid #7E041D; position: fixed;z-index:39;width: 100%;background: #fff;}

/* logo */
.logo{margin-top:25px; float:left;}
.logo h1{float:left;}
.logo p{float:left; font-size:14px; line-height:150%; margin-left:15px; margin-right:15px; color:#666; border-left:1px solid #efefef; padding-left:15px; color:#999;}
.logo h2{float:left;}

/* 导航 */
.nav{float:right; margin-top:30px;}
.nav li{float:left; line-height:32px; padding-left:18px; padding-right:18px; font-size:16px;}
.nav li a.now{font-weight:bold;color:#A90526;}

/* 注册 */
    .login{float:right; margin-top:30px; line-height:30px; border:1px solid #efefef; border-radius:5px; margin-left:30px;}
    .login .login_a{display:block; float:left; width:60px; text-align:center; border-right:1px solid #efefef; font-size:14px;}
    .login a:last-child{border-right:none;}
    /*.login a:hover{background:#efefef;}*/

/* --- banner --- */
.banner {position:relative;}
.banner .bd{height:690px;}
.banner .hd{position:absolute; left:0; bottom:15px; text-align:center; width:100%;}
.banner .hd li{width:10px; height:10px; background:#fff; opacity:0.50; border-radius:10px; display:inline-block; margin-left:5px; margin-right:5px;}
.banner .hd li.on{background:#BF2724; opacity:1;}
.banner .prev,.banner .next{position:absolute; top:45%; opacity:0; transition:all .3s ease;}
.banner .prev{left:30px;}
.banner .next{right:30px;}
.banner:hover .prev,.banner:hover .next{ opacity:1;}


/* --- 首页栏目 --- */
.home-column{ margin-top:80px; margin-bottom:80px; overflow:hidden;}
.home-column-a{float:left; width:485px;}
.home-column-b{float:left; width:216px; margin-left:28px;}
.home-column-b li{margin-bottom:30px;}
.home-column-c{float:right;}
.home-column-d{float:left; width:380px;}
.home-column-e{float:left; width:380px; margin-left:30px;}
.home-column-f{float:right; width:380px;}

.home-column-box li{position:relative; border-radius:10px; overflow:hidden;}
.home-column-box .back{background:url(../images/lm-back.png) no-repeat; position:absolute; left:0; width:100%; bottom:0; height:100%; background-size:cover;}
.home-column-box .text{position:absolute; left:0; width:100%; bottom:0; z-index:10; height:40px; line-height:40px;}
.home-column-box .text h3{margin-left:15px; color:#fff;}
.home-column-box .play{font-family:iconfont; position:absolute; left:0; top:0; width:100%; height:100%; font-size:60px; text-align:center; line-height:300px; color:#fff;}


/* --- 特色 --- */
.feature{background:#f9f9f9; overflow:hidden; padding-bottom:80px;}
.feature .list li{float:left; width:33.333%; text-align:center; border-right:1px solid #efefef;}
.feature .list li:last-child{border-right:none;}
.feature .list li i{width:100px; height:100px; background:#A90526; display:block; margin:0 auto; border-radius:15px; line-height:100px; font-size:55px; color:#fff;}
.feature .list li .text{margin-top:25px;}
.feature .list li .text h3{margin-bottom:20px;}
.feature .list li .text p{max-width:50%; margin:0 auto; font-size:14px; color:#999;}


/* --- 加入 --- */
.join {margin-bottom:80px; overflow:hidden;}
.join li{float:left; width:33.333%; text-align:center; margin-top:20px;  transition:all .3s ease;}
.join li{position:relative;}
.join li .pic img{border-radius:100%; padding:10px; background:#fff; box-shadow: 10px 10px 20px #ececec;}
.join li .text{margin-top:50px; font-size:18px;}
.join li:hover{margin-top:0;}


/* --- 报名 --- */
.sign-up{background:url(../images/baoming.jpg) no-repeat; height:400px; text-align:center; overflow:hidden;}
.sign-up .pic{margin-top:5%; margin-bottom:2%;}
.sign-up .btn a{background:#80041D; width:300px; height:80px; line-height:80px; margin:0 auto; display:block; border-radius:100px; font-size:30px; color:#fff;  transition:all .3s ease;}
.sign-up .btn a:hover{background:#FFCC00; color:#222;}


/* --- 底部 --- */
.footer{background:#3A3A3C; padding-top:60px; padding-bottom:60px; overflow:hidden; font-size:14px;}

/* 链接 */
.footer .link{float:left;}
.footer .link li{float:left; margin-right:70px;}
.footer .link h3{font-size:14px; color:#fff; margin-bottom:10px;}
.footer .link span a{display:block; color:#999; line-height:250%;}
.footer .link span a:hover{color:#fff;}

/* 申明 */
.footer .statement{float:left; width:540px; margin-left:100px;}
.footer .statement h3{font-size:14px; color:#fff; margin-bottom:10px;}
.footer .statement .text{color:#999; font-size:14px;}

/* 微信 */
.weixin{float:right; text-align:center;}
.weixin .text{margin-top:15px; color:#999;}


/* --- 版权 --- */
.copyright{background:#323234; text-align:center; height:50px; line-height:50px; color:#666; font-size:14px;}


/* --- 当前位置 --- */
.path{height:60px; line-height:60px; border-bottom:1px solid #efefef; font-size:12px;}
.path i{margin-left:10px; margin-right:10px; color:#ccc;}


/* --- 选班 --- */
.class-introduce{margin-top:40px;}

/* 班级介绍 */
.class-introduce .pic{background:#E4CCAD; width:500px; float:left; padding:10px; border-radius:8px; position:relative; box-shadow: 0 3px 20px #F0E3D2;}
.class-introduce .pic em{background:url(../images/xuanban-pic-back.png) no-repeat; position:absolute; left:10px; top:10px; width:100%; height:100%;}

.class-introduce .introduce{float:right; width:625px;}
.class-introduce .introduce h1{font-size:32px; font-weight:lighter; margin-bottom:30px;}
.class-introduce .introduce dl{margin-bottom:30px;}
.class-introduce .introduce dl dt{ margin-bottom:25px;}
.class-introduce .introduce dl dt em{background:#F3F3F3; padding:.5rem 1rem; border-radius:5px; font-size:14px;}
.class-introduce .introduce dl dd {font-size:14px;}

/* 校区选择 */
.class-campus{margin-top:50px;}

.class-campus .hd{overflow:hidden; border-bottom:1px solid #efefef; margin-bottom:40px; height:60px; line-height:60px;}
.class-campus .hd h2{float:left; font-weight:lighter;}
.class-campus .hd ul{float:right;}
.class-campus .hd ul li{float:left; width:100px; text-align:center; cursor:pointer; height:60px; line-height:60px;}
.class-campus .hd ul li:hover{color:#A90526; font-weight:bold; border-bottom:3px solid #A90526;}
.class-campus .hd ul li.selected{color:#A90526; font-weight:bold; border-bottom:3px solid #A90526;font-size:24px;}
.class-campus .hd ul li a:visited{color:#A90526; text-decoration: none;}
.class-campus .hd ul li a:focus{color:#A90526; text-decoration: none;}

.class-campus .bd{ margin-bottom:40px;}
.class-campus .bd li{background:#fff; padding:40px; box-shadow:0px 0px 20px #ececec; overflow:hidden; border-radius:10px; margin-bottom:40px; transition:all .3s ease;  border:1px solid #fff;}
.class-campus .bd li .info{float:left;}
.class-campus .bd li .info h3{font-size:32px; font-weight:lighter; margin-bottom:20px;  transition:all .3s ease;}
.class-campus .bd li .info .text p{line-height:250%;}
.class-campus .bd li .info .text p i{font-family:iconfont; color:#E4CCAD; margin-right:10px;}

.class-campus .bd li .other {float:right;}
.class-campus .bd li .other .price{font-size:32px; font-weight:lighter; color:#A90526; font-family:Arial, Helvetica, sans-serif; text-align:right; margin-bottom:25px;}
.class-campus .bd li .other .price:before{content:"￥"; font-size:16px; margin-right:5px; color:#ccc;}
.class-campus .bd li .other .class {cursor:pointer;overflow:hidden; margin-bottom:25px;}
.class-campus .bd li .other .class a{cursor:pointer;color:#fff;border:1px solid #E4CCAD; width:90px; height:35px; line-height:35px; text-align:center; display:block; border-radius:100px; font-size:14px; float:right; background:#E4CCAD;  box-shadow: 0px 10px 20px #F1E6D6;}
.class-campus .bd li .other .class a:hover{cursor:pointer;background:#D7B484; color:#fff; border:1px solid #E4CCAD;}

.class-campus .bd li .other .btns{padding-top:12px;padding-bottom: 12px; float:right;}
.class-campus .bd li .other .btns a{display:inline-block; width:90px; height:35px; line-height:35px; text-align:center; float:left; margin-left:20px; color:#fff; border-radius:100px;}
.class-campus .bd li .other .btns a.cb{background:#E4CCAD;  box-shadow: 0px 10px 20px #F1E6D6;}
.class-campus .bd li .other .btns a.bm{background:#A90526;  box-shadow: 0px 10px 20px #FDD9E0;}
.class-campus .bd li .other .btns a.cb:hover{background:#D7B484;}
.class-campus .bd li .other .btns a.bm:hover{background:#CC062E;}


.class-campus .bd li:hover{ box-shadow:0px 0px 40px #F3E6DA; border:1px solid #F3E6DA;}
.class-campus .bd li:hover .info h3{color:#A90526;}



/* --- 注册 --- */
.register{background:url(../images/zhuce-back.jpg) no-repeat center top; height:800px; overflow:hidden;}
.register .box{background:#fff; width:450px; padding:0 30px; margin:6% auto 0 auto; ; overflow:hidden;  border-radius:10px; box-shadow: 0px 0px 20px #333;}

.register .box .tit h2{text-align:center; height:100px; line-height:100px;}

.register .box .hd {border-bottom:1px solid #efefef; overflow:hidden; margin-bottom:20px;}
.register .box .hd li{float:left; width:50%; text-align:center; height:60px; line-height:60px; cursor:pointer;}
.register .box .hd li.on{color:#A90526; border-bottom:2px solid #A90526;}

.register .box .bd li{ margin-bottom:20px; position:relative;}
.register .box .bd li input.srk{height:45px; line-height:45px; width:100%; border:1px solid #ddd; padding-left:10px; font-size:14px; border-radius:5px;  transition:all .3s ease; padding-left:40px;}
.register .box .bd li input.srk:focus{border:1px solid #A90526; box-shadow:0px 0px 20px #ececec;}
.register .box .bd li a.sjyzm{position:absolute; right:8px; top:8px; background:#E4CCAD; border:none; height:30px; line-height:30px; color:#fff; padding-left:10px; padding-right:10px; border-radius:5px; cursor:pointer;}
.register .box .bd li a.sjyzm:hover{background:#666;}
.register .box .bd li button{width:100%; text-align:center; height:45px; line-height:45px; background:#A90526; border:none; border-radius:10px; color:#fff; cursor:pointer; font-size:16px;  box-shadow: 0px 10px 20px #FDD9E0;}
.register .box .bd li button:hover{background:#CC062E;}
.register .box .bd li .txyzm{position:absolute; right:8px; top:8px; width:70px;}
.register .box .bd li i{position:absolute; font-family:iconfont; line-height:50px; width:40px; text-align:center; font-size:16px; color:#ccc;}
.register .box .bd li span.text{ overflow:hidden;}

.register .box .other{border-top:1px solid #efefef; text-align:center; padding-bottom:30px; overflow:hidden;}
.register .box .other h3{height:60px; line-height:60px; font-size:14px; color:#999;}
.register .box .other li{float:left; width:33.333%; text-align:center;}
.register .box .other li a{font-family:iconfont; display:block; width:50px; height:50px; margin:0 auto; line-height:55px; color:#fff; border-radius:100px; font-size:26px;}
.register .box .other li.qq a{background:#80C5F0;}
.register .box .other li.wx a{background:#8CD661; }
.register .box .other li.wb a{background:#F3958D;}



/* --- 步骤 --- */
.step{text-align:center; border-bottom:1px solid #efefef; overflow:hidden;}
.step li{float:left; width:33.333%; height:100px; line-height:100px;}
.step li.now{color:#A90526;}


/* --- 订单 --- */
.order{}

/* 标题 */
.order-column{text-align:center;}
.order-column h2{font-size:24px; margin-top:50px; margin-bottom:50px; font-weight:lighter;}

/* 选座位 */
.order-seat{ width:50%; margin:0 auto 50px auto;}
.order-seat .blackboard{text-align:center; color:#fff; margin-bottom:50px;}
.order-seat .seat{margin-bottom:30px; overflow:hidden;}
.order-seat .seat li{float:left; width:16.666%; padding:10px; text-align:center;}
.order-seat .seat li input{display:none;}
.order-seat .seat li i{font-family:iconfont; }
.order-seat .seat li .checkbox + label i{color:#999;font-size:32px;display:block; width:60px; height:60px; margin:0 auto; border-radius:100px; line-height:65px;}
.order-seat .seat li.yes .checkbox:checked + label i{ color:#fff; background:#D7B484; box-shadow: 0px 5px 20px #F1E6D6;}
.order-seat .seat li .checkbox:checked + label i{ color:#fff; background:#A90526; box-shadow: 0px 5px 20px #FDD9E0;}

/* 按钮 */
.order-btn{text-align:center; margin-bottom:60px;}
.order-btn button{width:150px; height:50px; line-height:50px; background:#A90526; color:#fff; border:none; border-radius:100px; font-size:16px; cursor:pointer; box-shadow: 0px 10px 20px #FDD9E0;}
.order-btn button:hover{background:#CC062E;}



/* --- 我要报名 --- */
.class-list li{overflow:hidden; border-bottom:1px solid #efefef; padding-bottom:50px; margin-bottom:50px; position:relative;}
.class-list li .pic{ width:300px;}
.class-list li .introduce{float:right; width:830px;}
.class-list li .price{position:absolute; right:15px; bottom:50px;}
.class-list li .price em{display:block; font-size:36px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;}
.class-list li .price em:before{content:"￥"; font-family:微软雅黑; font-size:18px; margin-right:10px; color:#ccc;}
.class-list li .price a{background:#A90526; display:block; padding:5px 15px; text-align:center; color:#fff; border-radius:100px;  box-shadow: 0px 10px 20px #FDD9E0;}
.class-list li .price a:hover{background:#CC062E;}


/* --- 分页 --- */
.showpage{text-align:center; margin-bottom:50px;}
.showpage a{background:#efefef; padding:5px 13px; font-size:14px; color:#666; border-radius:10px; margin-left:5px; margin-right:5px; display:inline-block;}
.showpage a.now{background:#E4CCAD; color:#fff; }


/* --- 填写信息 --- */
.fill-in{background:#f5f5f5; padding:50px; border-radius:10px; margin-bottom:50px;}
.fill-in h3{font-size:24px; border-bottom:1px solid #ddd; padding-bottom:20px; font-weight:lighter; margin-bottom:30px; position:relative;}
.fill-in h3 em{position:absolute; right:0; font-size:14px; line-height:30px; cursor:pointer;}
.fill-in ul{ width:70%; margin:0 auto 30px auto; }

.fill-in-list li{overflow:hidden; margin-bottom:15px;}
.fill-in-list li i{display:block; float:left; width:30%; text-align:right; height:45px; line-height:45px; color:#999;}
.fill-in-list li span{display:block; float:right; width:68%; line-height:45px;}
.fill-in-list li span div.timestyle{display:inline-block;font-size: 24px;color:#A90526;}
.fill-in-list li span .srk{height:45px; line-height:45px; width:60%; border:1px solid #ddd; padding-left:10px;  font-size:14px; border-radius:5px;  transition:all .3s ease; }
.fill-in-list li span .srk:focus{border:1px solid #A90526; box-shadow:0px 0px 20px #ececec;}
.fill-in-list li span select{height:45px; line-height:45px; border:1px solid #ddd; padding-left:10px;  font-size:14px; border-radius:5px;  transition:all .3s ease; }
.fill-in-list li span em.tips{display:block; margin-top:15px;}
.fill-in-list li span b.price{color:#A90526; font-size:24px; font-family:Arial, Helvetica, sans-serif;}

.fill-in-list li span dl.option dd{margin-bottom:5px;}
.fill-in-list li span dl.option dd input{display:none;}
.fill-in-list li span dl.option dd .checkbox + label em{border:1px solid #ddd; background:#fff; padding:8px 15px 8px 10px; border-radius:5px;}
.fill-in-list li span dl.option dd .checkbox + label em:before{content:"\e6a8"; font-family:iconfont; margin-right:10px; color:#efefef;}
.fill-in-list li span dl.option dd .checkbox:checked + label em {border:1px solid #A90526;}
.fill-in-list li span dl.option dd .checkbox:checked + label em:before{content:"\e6a8"; font-family:iconfont; margin-right:10px; color:#A90526;}

.fill-in-list li span dl.tabs dt.hd{overflow:hidden; margin-bottom:10px;}
.fill-in-list li span dl.tabs dt.hd ul{width:60%;  margin:-30px 0 0 0}
.fill-in-list li span dl.tabs dt.hd li{float:left; width:50%; text-align:center; color:#666; }
.fill-in-list li span dl.tabs dt.hd li em{border-radius:100px; background:#ddd; display:block; width:90%;}
.fill-in-list li span dl.tabs dt.hd li.on em{background:#E4CCAD;color:#fff;}

.fill-in-list li span dl.tabs dt.bd {text-align:left; margin-left:-90px;}
.fill-in-list li span dl.tabs dt.bd dd{float:left; margin-right:20px;}

.fill-in-list li span dl.pay dd{margin-bottom:5px; float:left; margin-right:20px;}
.fill-in-list li span dl.pay dd input{display:none;}
.fill-in-list li span dl.pay dd em.zfb:before{content:"\e606";  font-family:iconfont; margin-right:10px; color:#00ABF0; font-size:24px;}
.fill-in-list li span dl.pay dd em.wx:before{content:"\e60c";  font-family:iconfont; margin-right:10px; color:#25A939; font-size:24px; margin-top:5px;}
.fill-in-list li span dl.pay dd .checkbox + label em{border:1px solid #ddd; background:#fff; padding:8px 15px 8px 10px; border-radius:5px;}
.fill-in-list li span dl.pay dd .checkbox:checked + label em {border:1px solid #A90526;}


.fill-btn {text-align:center; padding-top:30px; margin-bottom:50px;}
.fill-btn button{width:180px; height:45px; line-height:45px; margin-bottom:20px; color:#fff; border-radius:100px; border:none; cursor:pointer; font-size:16px;}
.fill-btn button.bm{background:#A90526;  box-shadow: 0px 10px 20px #FDD9E0;}
.fill-btn button.bm:hover{background:#CC062E;}



/* --- 校区列表 --- */
.campus-list{margin-top:50px; margin-bottom:50px;}
.campus-list li{overflow:hidden; border-bottom:1px solid #efefef; padding-bottom:50px; margin-bottom:50px;}
.campus-list li .maps{float:left; width:50%; height:300px;}
.campus-list li .text{float:right; width:45%;}
.campus-list li .text h3{font-size:32px; font-weight:lighter; margin-bottom:20px;}
.campus-list li .text p{line-height:250%;}



/* --- 个人中心 --- */
.personal-center{margin-top:50px; margin-bottom:50px; overflow:hidden;}

/* 左侧 */
.personal-left{float:left; width:20%;}
.personal-left li{height:40px; line-height:40px; border-bottom:1px solid #efefef;}
.personal-left li a{padding-left:20px; display:block; border-radius:5px;}
.personal-left li a.now{background:#A90526; color:#fff;}



.personal-left .hoverul{display:none;background:#fff;position: absolute;top: 0;left: 95%;z-index: 1000;float: left;min-width: 160px; margin: 2px 0 0;  list-style: none;  font-size: 14px;  text-align: left;  border: 1px solid rgba(0,0,0,0.15);  border-radius: 0;  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);  box-shadow: 0 6px 12px rgba(0,0,0,0.175);  -webkit-background-clip: padding-box;  background-clip: padding-box;-webkit-background-clip: padding-box;  background-clip: padding-box;}
.personal-left .hoverul a{padding: 0px 20px;line-height:40px;clear: both;  font-weight: normal;   color: #333333;  white-space: nowrap;}
.personal-left .hoverul a:hover{background: #A90526;  color: #fff;}
/* 右侧 */
.personal-right{float:right; }

/* 右侧 栏目*/
.personal-nav{border-bottom:1px solid #efefef; padding-bottom:25px; margin-bottom:30px;}
.personal-nav h2{font-size:32px; font-weight:lighter; color:#333;}

/* 右侧 课程情况*/
.personal-class li {border-bottom:1px solid #efefef; overflow:hidden; padding-bottom:20px; margin-bottom:40px;}
.personal-class li h3{font-size:28px; color:#A90526; font-weight:bold; margin-bottom:40px; text-align:center; margin-top:20px;}
.personal-class li h3 a{float:right;font-size:14px;font-weight:normal;background: #A90526;  color: #fff;  padding: 8px 25px;  border-radius: 5px;  box-shadow: 0px 10px 20px #FDD9E0;  margin-right: 5px;}
.personal-class li h3 a:hover{background: #CC062E;}

.personal-class li dl.info{overflow:hidden; margin-bottom:20px;}
.personal-class li dl.info dd{float:left; width:33.333%; line-height:250%;}
.personal-class li dl.info dd em{color:#999;display:inline-block;width:40%;float:left;position: relative;text-align: right;}
.personal-class li dl.info dd i{display:inline-block;width:60%;float:left;position: relative;}


.personal-class li dl.list{overflow:hidden; margin-bottom:20px;}
.personal-class li dl.list dt{color:#999; margin-bottom:20px;}
.personal-class li dl.list dd{float:left; background:#f9f9f9; padding:10px 15px; margin-right:20px; text-align:center; font-size:12px; border-radius:10px; color:#666; margin-bottom:20px; box-shadow: 5px 5px 10px #efefef;}
.personal-class li dl.list dd.notbegin{background:#f9f9f9; color:#CC062E;}

.personal-class li dl.continue{text-align:center; margin-top:30px; margin-bottom:30px;}
.personal-class li dl.continue a{background:#A90526; color:#fff; padding:8px 25px; border-radius:5px;box-shadow: 0px 10px 20px #FDD9E0;margin-right:5px;}
.personal-class li dl.continue a:hover{background:#CC062E;}
.personal-class li dl.continue a.disabled{background: #E4CCAD;box-shadow: 0px 10px 20px #F1E6D6;cursor: not-allowed;}
.btncss {background: #A90526;  color: #fff;  padding: 8px 25px;  border-radius: 5px;border:none;}
.btncss:hover{background:#CC062E;color: #fff;}

.personal-student-select{  height: 45px;  line-height: 45px;  border: 1px solid #ddd;  padding-left: 10px;  font-size: 14px;  border-radius: 5px;  transition: all .3s ease;  width:100%;}
.personal-index div{float: left;  background: #f9f9f9;   margin-right: 20px;  text-align: center;  font-size: 18px;  border-radius: 10px;  color: #666;  margin-bottom: 20px;  box-shadow: 5px 5px 10px #efefef;  width: 140px;  height: 140px;}
.personal-index div a{color:#666; padding: 30px 10px;display: block;}
.personal-index div:hover{background:#A90526;color: #fff;}
.personal-index div a:hover{color:#fff;}
.personal-index div span i{font-size: 60px;}

.personal-mymessage ul li{border-bottom:1px solid #efefef; overflow:hidden; padding-bottom:20px; margin-bottom:40px;}
.personal-mymessage ul li.not_read h3{cursor: pointer;}
.personal-mymessage ul li.not_read h3:hover{color:#CC062E;}
.personal-mymessage ul li div{line-height: 250%;width: 100%;}
.personal-mymessage ul li div span{display: inline-block;}
.personal-mymessage ul li div em{color: #999;  margin-right: 10px;  display: block;  }
.personal-mymessage h3 {  font-size: 18px;  color: #A90526;  font-weight: bold;  margin-bottom: 20px;  text-align: center;  display: inline-block;  }

.wrong-icon{color:#fff;background-color:#CC062E;border-radius: 100%;width:22px;height:22px;font-size: 18px;line-height: 22px;font-size: 18px;text-align: center;}
.right-icon{color:#fff;background-color:#18BC9C;border-radius: 100%;width:22px;height:22px;font-size: 18px;line-height: 22px;font-size: 18px;text-align: center;}

/*课程并班*/
.personal-index div em{display: block;font-size: 14px;line-height:1em;padding-top:8px;}


/* --- 关于学悦 --- */
/*价值主张*/
.value .item{position:relative;overflow:hidden;border-radius:1.2em;border:solid 1px rgba(136,136,136,0.2);  padding:0;box-shadow: 1px 1px 20px rgba(0,0,0,0.3);  }
.value .item img{width: 100%;border-radius:1.2em; }
.value .item span{transition:bottom 0.5s;
    -moz-transition:bottom 0.5s, -moz-transform 0.5s; /* Firefox 4 */
    -webkit-transition:bottom 0.5s, -webkit-transform 0.5s; /* Safari and Chrome */
    -o-transition:bottom 0.5s, -o-transform 0.5s; /* Opera */
    text-align:center;cursor:pointer;padding:10px;width:100%;background:rgba(0,0,0,0.5);position:absolute; bottom:-60px; background-size:cover;color:#fff;}
.value .item span:hover{bottom:0;}
.value .item span h3{color:#fff;font-size:22px;margin-bottom: 5px;}
.value .item span p{font-size:16px;}


/* 学悦历程 */
.memorabilia{background:#f9f9f9; overflow:hidden; padding-bottom:100px;}
.memorabilia .column{margin-bottom:200px;}

.memorabilia .text{background:#E4CCAD; height:5px; border-radius:100px; width:85%; margin:0 auto; position:relative;}
.memorabilia .text li{ width:8.333%;  float:left;position: relative;cursor: pointer;}
.memorabilia .text li{top:0; text-align:center;}
.memorabilia .text li h3{margin-bottom:5px; font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#E4CCAD;}
.memorabilia .text li span{width:12px; height:12px; background:#E4CCAD; margin:0 auto;border-radius:100px;}

.memorabilia .text li.t1{margin-top:-70px;}
.memorabilia .text li.t2{margin-top:-3px;}
.memorabilia .text li.t1 span{ margin-top:27px; }
.memorabilia .text li.t2 span{ margin-bottom:27px;}

.memorabilia .text li p{z-index:99;display: none; padding:10px;text-align:left;position: absolute;width:300px;background: rgba(0,0,0,0.5);left:-110px;color:#fff; }
.memorabilia .text li.t1 p{bottom:6px;}
.memorabilia .text li.t2 p{top:6px;}
.memorabilia .text li p i{width:12%;display: inline-block;}
.memorabilia .text li p em{width:80%;display: inline-block;vertical-align:top;}

/* 老师介绍 */
.teacher{padding-bottom:80px; position:relative;}
.teacher .bd{overflow:hidden;}
.teacher .bd li{float:left; width:33.333%; text-align:center;}
.teacher .bd li .pic{}
.teacher .bd li .pic img{border-radius:100%; box-shadow: 10px 10px 20px #ececec;background:#efefef; padding:10px;}
.teacher .bd li .text{}
.teacher .bd li .text h3{font-size:20px; margin-top:25px; margin-bottom:10px;}
.teacher .bd li .text p{color:#999999;}
.teacher .next,.teacher .prev{position:absolute; top:35%; cursor:pointer;}
.teacher .prev{left:-50px;}
.teacher .next{right:-50px;}


/* 学悦风采 */
.style{background:#f9f9f9; overflow:hidden; padding-bottom:80px;}

.style .tabs .hd{text-align:center; margin-bottom:70px;}
.style .tabs .hd li{display:inline-block; width:100px; height:35px; line-height:35px; margin-left:10px; margin-right:10px; border-radius:5px;}
.style .tabs .hd li.on{background:#A90526; color:#fff;}

.style .tabs .bd li{background:#fff; margin-bottom:40px; overflow:hidden; box-shadow: 10px 10px 20px #ececec;}
.style .tabs .bd li .pic{float:left; width:30%;}
.style .tabs .bd li .text{float:right; width:65%; padding:25px;}
.style .tabs .bd li .text h3{font-size:20px; margin-bottom:15px;}
.style .tabs .bd li .text p{color:#999;}
.style .tabs .bd li:hover .text h3{color:#A90526;}


/* --- 特色 --- */
.feature2{background:#f9f9f9; overflow:hidden; padding-bottom:80px;}
.feature2 .list li{float:left; width:25%; text-align:center; border-right:1px solid #efefef;}
.feature2 .list li:last-child{border-right:none;}
.feature2 .list li i{width:100px; height:100px; background:#A90526; display:block; margin:0 auto; border-radius:15px; line-height:100px; font-size:55px; color:#fff;}
.feature2 .list li .text{margin-top:25px;}
.feature2 .list li .text h3{margin-bottom:10px;text-align: center;}
.feature2 .list li .text h4{font-size:16px;margin-bottom:20px;text-align: right;padding-right: 5px;}
.feature2 .list li .text p{max-width:80%; margin:0 auto; font-size:14px; color:#999;text-align: left;}



/*.about-text h2{margin-bottom: 30px;}*/
/*.about-text p{text-align: left;}*/


}








